﻿
@import url("common.css");
@import url("color.css");
@import url("common_css/els_form.css");
@import url("common_css/ele_sidemenu.css");
@import url("common_css/ele_pagenav.css");
/*
TopBar
TopBarUserInfo
Main
Header
Header Search Suggest
Main Nav
Foot
Site-links
Copyright
CommonLoadingBar
MessageBox
*/
body {
	color:#484848;
}
.wraper {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.col_2_l, .col_3_l {
	width:200px;
}
.col_2_r {
	width:995px;
}
.col_3_m {
	width:788px;
}
.col_3_r {
	width:200px;
}

/***Product layout***/
.proMainInfo .mainLeft {
	width: 413px;
}
.proMainInfo .mainRight {
	width: 565px;
}
/***TopBar Begin***/

#header .searchbar, #header .searchbar .btn_topsearch, .cart, #footer .icp, #header .searchbar .intxt, .plus, #topbar .miniloginform .btn_submit, #topbar .minicart .btn_checkout {
	background:url(../imgs/sprite_global.png);
}
#topbar_v {
    height: 32px;
}
#topbar {
	color:#7d7d7d;
	line-height:28px;
	height:28px;
	padding-bottom:2px;
	background-position:left top;
    background:#fff url(../imgs/topbg.gif) repeat-x left top;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
		
}
#topbar .prolist {
	color:#484848;
}
#topbar a {
	color:#7d7d7d;
	display:inline-block;
	padding:0 12px;
	position:relative;
}
#topbar .prolist .title a {
	color:#545544;
}
#topbar .prolist .title a:hover {
	color:#D5271E;
}
#topbar .now {
	background:url(../imgs/bg_linear_t.gif);
	color:#fff!important;
	font-weight:bold;
	text-decoration:none;
}
#topbar .corner {
	position:absolute;
	left:auto;
	right:1px;
	top:13px;
}
#topbar .now .corner {
	border-color:#2e86cd;
	border-bottom-color:#fff;
	top:10px;
}
#topbar .topbarnav {
	float:right;
}
#topbar li {
	float:left;
	height:28px;
	line-height:28px;
	position:relative;
	background:url(../imgs/bg_linear_t.gif) right -61px no-repeat;
}
#topbar .topbarnav li li {
	float:none;
	background:none;
}
#topbar .topbarnav .last {
	background:none;
}
#topbar .topbarnav .last a {
	padding-right:0px;
}

#topbar .amycart .now{font-weight:normal;}
#topbar .now .blue{color:#fff!important;}
#topbar .cart{position:absolute; left:5px; top:6px;}
#topbar .now .cart{background-position: -269px -69px !important;}
#topbar .minicart{position:absolute; right:0; _right:-1px; top:27px;width:400px; border:2px solid #02a3cf;background:#fff;}
#topbar .minicart li{ line-height:18px; height:74px; overflow:hidden; padding-left:8px;}
#topbar .minicart a{position:static;padding:0!important; float:left;}
#topbar .minicart img{width:60px; height:60px; margin-top:3px; position:absolute; top:3px; left:8px; }
#topbar .prolist{padding:10px 10px 0 8px;}
#topbar .prolist .info{padding-left:76px;}
#topbar .prolist li{width:368px; margin-bottom:4px;}
#topbar .prolist li .info a,#topbar .minicart .checkinfo a{ float:none; }
#topbar .minicart .checkinfo a:hover{color:#fff;}
#topbar .minicart .checkinfo .btn{padding-left:15px!important;}
#topbar .prolist .title{margin-bottom:10px; height:18px;}
#topbar .prolist .remove{position:absolute;right:0; bottom:10px; color:#01a5cb}
#topbar .minicart .checkinfo {
	text-align:center;
	border-top:1px solid #c9dae3;
	background-color:#edf3f8;
	padding:8px;
}
#topbar .minicart .btn_checkout {
	display:inline-block;
	background-position:-290px -49px!important;
	width:97px;
	height:25px;
	line-height:25px;
	color:#fff;
	text-decoration:none;
}
#topbar .minicart .btn_checkout:hover {
	text-decoration: none;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	opacity: .8;
}

#topbar .minicart .checkinfo p{_margin-bottom:8px;}
#topbar .recentpro{text-align:center; border-bottom:1px dotted #c9dae3;}

#topbar .myutilist{position:absolute; left:0; top:27px;width:69px; overflow:hidden; border:2px solid #02a3cf;background:#fff;}
#topbar .myutilist .list{margin-bottom:-1px;}
#topbar .myutilist li{padding:2px 4px; border-bottom:1px dotted #ccc; position:static; line-height:24px; height:24px;}
#topbar .myutilist li a{padding:0 8px 0;}
#topbar .wraper{position:relative; z-index:5}

/*** TopBarUserInfo Begin***/
.userinfo {
	padding-left:10px;
}
.userinfo li {
	float:left;
	list-style-type: none;
}
#topbar .userinfo li a {
	color:#930;
}
#topbar .userinfo li a:hover {
	color:#F63;
	text-decoration: underline
}
#topbar .userinfo .first {
	padding-right:10px;
}
#topbar .amycart .cart {
	display:inline-block;
	width:19px;
	height:15px;
	position:relative;
	top:2px;/*firefox*/
	*top:0px;/* for ie7 */
	_top:0px;/* for ie6 only*/
	
	margin-left:-8px;
	*margin-left:2px;
	_margin-left:2px;
	
	margin-right:3px;
	*margin-right:5px;
	_margin-right:5px;
	
	background-position:-269px -53px!important;
}
#topbar .minicart .btn_checkout {
	background-position: -290px -49px !important;
	color: #FFFFFF;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	width: 97px;
}
/*********Header***************/
#header {
	color:#666867;
	min-width:960px;
	margin-bottom:-4px;
}
#header .searchbar a {
	color:#666867;
}
#header .wraper {
	height:70px;
	position:relative;
	z-index:2;
}
#header .logo {
	padding:10px 0 0 8px;
}
#header .logo img {
	float:left;
}
#header .searchbar {
	width:409px;
	height:41px;
	position:absolute;
	left:266px;
	top:15px;
}
#header .searchbar .intxt {
	width:296px;
	position:absolute;
	left:12px;
	top:9px;
	border:0;
	padding:4px 0 4px 18px;
	background-position:-394px -53px;
	background-repeat:no-repeat;
}
#header .searchbar .btn_topsearch {
	width:72px;
	height:29px;
	position:absolute;
	left:328px;
	top:6px;
	border:none;
	cursor:pointer;
	background-position:left -49px;
}
#header .searchbar .hotkeywords {
	position:absolute;
	left:8px;
	bottom:-25px;
	white-space:nowrap;
}
#header .searchbar .hotkeywords a {
	padding:0 10px;
}
#header .service {
	position:absolute;
	right:8px;
	bottom:57px;
	height:13px;
	top:42px;
}
#header .service span {
	color:#F63;
	font-size:16px;
}
/*********Header Search Suggest***************/
.suggest {
	display:table-cell;
	position:absolute;
	left:7px;
	top:36px;
    width:400px;
	border:1px solid #ccc;
	background:#fff;
	z-index: 8;
}
.suggest li, .suggest li a {
	line-height:25px;
	height:25px;
}
.suggest li a {
	display:block;
	padding:0 5px;
	color: #666867;
}
.suggestHover {
	background:#e1e1e1;
	color:#0057b0;
	font-weight:bold;
	text-decoration:none;

}
.suggest li a .text{
	color:#0057b0;
	margin-left:5px;
	font-weight:bold;
	text-decoration:none;
    width:260px;
    text-align:left;
    float:left;
}
.suggest li a span{
	color:#0057b0;
	float:right;
	font-weight:bold;
	text-decoration:none;
    text-align:right;
    margin-right:5px;
}
/* for font & text & tag */
.gray, .hasDefaultText {
	color:#7e7e7e;
}

b{
	display:inline-block;
	margin:0 8px;
}
.fz16 {
	font-size:16px;
}

/***********Main***********/
#nav-list {
	MARGIN: 0px auto;
	WIDTH: 820px;
}
#wrapper {
	MARGIN: 0px auto;
	WIDTH: 820px;
}
.ft-fff {
	TEXT-ALIGN: center;
	COLOR: #fff;
}
/*********Main Nav********/
#nav {
	POSITION: relative;
	WIDTH: 99.9%;
	DISPLAY: table;
	TOP: 3px;
	_top: 3px
}
#nav-list, .nav-wrap, .ui-nav-item-hover .ui-nav-item-link, .ui-nav-item-current .ui-nav-item-link {
	BACKGROUND: url(../imgs/bg.png) no-repeat
}
.nav-wrap {
	Z-INDEX: 1;
	POSITION: relative;
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: 0px -78px;
	HEIGHT: 40px
}
.ui-nav {
	MARGIN: 0px auto;
	WIDTH: 860px;
	HEIGHT: 39px
}
.ui-nav-item {
	DISPLAY: block;
	HEIGHT: 39px
}
.ui-nav-item-link {
	DISPLAY: block;
	HEIGHT: 39px
}
.ui-nav-item {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 6px;
	FLOAT: left;
	PADDING-TOP: 0px
}
.ui-nav-item-link {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 39px;
	WIDTH: 93px;
	COLOR: #fff;
	FONT-SIZE: 14px;
	FONT-WEIGHT: 700
}
.ui-nav-item-hover .ui-nav-item-link {
	BACKGROUND-POSITION: -273px -316px;
	COLOR: #ff7e00
}
.ui-nav-item-current .ui-nav-item-link {
	BACKGROUND-POSITION: -273px -316px;
	COLOR: #ff7e00
}
.ui-nav-item-index {
	Z-INDEX: 1;
	PADDING-LEFT: 0px
}
.ui-nav-item-table {
	DISPLAY: none
}
.ui-listnav {
	DISPLAY: none
}
.ui-sublistnav {
	DISPLAY: none
}
.ui-nav-item-table {
	BORDER-BOTTOM: #fff 8px solid;
	POSITION: absolute;
 FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, direction=0, strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=8) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=270, strength=5);
	WHITE-SPACE: nowrap;
	BACKGROUND: #fff;
	BORDER-TOP: #fff 8px solid;
	TOP: 37px;
	LEFT: 4px;
	-moz-box-shadow: 1px 2px 2px #aaa;
	-webkit-box-shadow: 1px 2px 2px #aaa;
	box-shadow: 1px 2px 2px #aaa;
}
:unknown .ui-nav-item-table {
}
.ui-nav-item-hover .ui-nav-item-table {
	Z-INDEX: 10;
	DISPLAY: block
}
.ui-nav-item-hover {
	Z-INDEX: 10
}
.ui-nav-item-table TBODY {
	ZOOM: 1
}
.ui-nav-item-current .ui-listnav {
	Z-INDEX: 2;
	DISPLAY: block
}
.ui-listnav-item-hover .ui-sublistnav {
	Z-INDEX: 2;
	DISPLAY: block
}
.ui-nav-item-table TD {
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 13px;
	WORD-BREAK: keep-all;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 3px
}
.ui-nav-item-table TH {
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 13px;
	WORD-BREAK: keep-all;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 3px
}
.ui-nav-item-table TH {
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 16px;
	PADDING-RIGHT: 13px;
	COLOR: #000;
	FONT-WEIGHT: 700;
	PADDING-TOP: 0px
}
.ui-nav-item-table .last {
	BORDER-RIGHT-STYLE: none
}
.ui-nav-item-table A {
	PADDING-LEFT: 3px;
	DISPLAY: block;
	COLOR: #808080
}
.ui-nav-item-table A:hover {
	BACKGROUND-COLOR: #aaa;
	COLOR: #fff;
	TEXT-DECORATION: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}
.ui-nav-item-bank {
	BORDER-TOP: #fff 7px solid
}
.ui-sublistnav-item A {
	COLOR: #808080
}
.ui-listnav {
	POSITION: absolute;
	MIN-WIDTH: 1200px;
	WIDTH: 1200px
}
.ui-listnav-item {
	BORDER-BOTTOM-STYLE: none;
	PADDING-BOTTOM: 1px;
	BORDER-RIGHT-STYLE: none;
	MARGIN: 7px 5px 0px 0px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	DISPLAY: inline;
	BORDER-TOP-STYLE: none;
	HEIGHT: 1%;
	BORDER-LEFT-STYLE: none;
	PADDING-TOP: 1px
}
.ui-listnav-item .sl-rc-cnt {
	BORDER-BOTTOM-STYLE: none;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	BORDER-RIGHT-STYLE: none;
	BACKGROUND-COLOR: transparent;
	PADDING-LEFT: 0px;
	WIDTH: 100px;
	PADDING-RIGHT: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none;
	PADDING-TOP: 2px
}
.ui-listnav-item-hover {
	BORDER-LEFT: #ddd 1px solid;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: #fff;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 0px
}
.ui-listnav-item-current {
	BORDER-LEFT: #ddd 1px solid;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: #fff;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 0px
}
.ui-listnav-item-hover .sl-rc-cnt {
	BORDER-BOTTOM: #ddd 1px solid;
	BORDER-TOP: #ddd 1px solid
}
.ui-listnav-item-current .sl-rc-cnt {
	BORDER-BOTTOM: #ddd 1px solid;
	BORDER-TOP: #ddd 1px solid
}
.ui-listnav-item-hover .ui-sublistnav {
	DISPLAY: block
}
.ui-listnav-item-link {
	COLOR: #333
}
.nav-me {
	BACKGROUND-POSITION: 0px -154px
}
.nav-me #nav-list {
	BACKGROUND-POSITION: 0px -39px
}
.nav-me .ui-nav-item-link {
	BACKGROUND-POSITION: -275px -356px;
	TEXT-DECORATION: none !important
}
.nav-me .ui-nav-item-current .ui-nav-item-link {
	COLOR: #055eb2
}
.nav-me .ui-nav-item-hover .ui-nav-item-link {
	COLOR: #055eb2
}
.ui-listnav-item-link {
	TEXT-DECORATION: none !important
}
.ui-sublistnav-item A {
	TEXT-DECORATION: none !important
}
/*********Foot********/

#foot {
	clear:both;
}
#foot {
	ZOOM: 1;
	border-top: 1px solid #FFFFFF;
}
#footer {
	margin-top:5px;
	background-position:left -297px;
	background-repeat:repeat-x;
	TEXT-ALIGN: center;
	MARGIN-BOTTOM: 5px;
	BORDER-TOP: #d9d9d9 1px solid;
}
#footer b {
	color:#dedcdd;
}
#footer a {
	color:#666;
}
#footer a:hover {
	color:#d5271e;
}
#footer .helpCenter {
	height:145px;
	padding-top:6px;
}
#footer .footer {
	text-align:center;
	padding:10px 0 15px;
	border-top:1px solid #e5e5e5;
}
#footer .footer p {
	margin-top:4px;
}
#footer dl {
	padding-left:10px;
}

#footer dt, #footer dd {
	width:265px;
	float:left;
}
#footer dt {
	float:left;
	font-weight:bold;
	height:32px;
	line-height:32px;
	font-size:15px;
	color:#f0594e;
}
#footer dd {
	display:inline;
	padding-top:8px;
	line-height:24px;
}
#footer .last {
	width:110px;
}
/*********Copyright********/
.copyright {
	TEXT-ALIGN: center;
	COLOR: #888
}
.copyright A.highlight {
	COLOR: #07f
}


.corner {
	border:3px solid #fff;
	border-top-color:#01a5cb;
	width:0px;
	height:0px;
	overflow:hidden;
	display:inline-block;
	position:relative;
	top:1px;
	left:2px;
	margin-right:2px;
}
.list a, .lireset li {
	padding-left:10px;
	white-space:nowrap;
	line-height:20px;
	display:inline-block;
	background:url(../imgs/dot.gif) no-repeat left -32px;

}
.newslist a {
	background-position:left 11px;
}
.newslist a:hover {
	background-position:left -8px;
}

.size3t4 {
	letter-spacing: 0.5em;
	margin-right: -0.5em;
	white-space:nowrap;
}
.size2t4 {
	letter-spacing: 2em;
	margin-right: -2em;
	white-space:nowrap;
}
.tab a {
	line-height:28px;
	display:inline-block;
	border-right:1px solid #d5d5d5;
	padding:0 15px;
	color:#686868;
}
#main {
	margin-top:10px;
	margin-bottom:5px;
}
/*--find height for float elements */
.cls:after {
	content:"";
	font-size:0;
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .cls {
	zoom: 1;
} /* IE6 */
*:first-child+html .cls {
	zoom: 1;
} /* IE7 */
/*-----------------------------------------------------------*/
.popWinA {
	display:none;
}
.over .popWinA {
	display:block;
}
.noCellInListB {
	padding:0 10px;
}
.btn, .btn, .btn strong {
	display:inline-block!important;
	background:url(../imgs/btn.png) no-repeat;
}
.btn, .btn strong {
	height:25px;
	line-height:24px;
}
.btn {
	padding-left:15px!important;
	background-position:left top;
}
.btn strong {
	padding-right:15px!important;
	background-position:right top;
	color:#fff;
	font-weight:normal;
	cursor:pointer;
}
.btn:hover strong {
	color:#f9c82e;
}
#bggray {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(base64:*.gif);
	display:none;
	z-index: 998;
}
/***CommonLoadingBar***/
.cmnLoadB {
    background: url("../imgs/zoomloader.gif") no-repeat scroll left center transparent;
    display: inline-block;
    height: 20px;
    padding-left: 20px;
}
/***Error404***/
.error404 {
    background: url("../imgs/404.jpg") no-repeat scroll left 30px transparent;
    padding: 80px 0 180px 240px;
	margin-left:180px;
}
.error404 h1 {
    font-family: "microsoft yahei";
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 22px;
    margin-left: 10px;
}
.error404 p {
    margin-bottom: 8px;
}
.error404 .btnLine {
    margin-top: 50px;
    text-align: center;
    width: 550px;
}
.error404 .walkAround {
    margin-top: 100px;
}
.btn_prev {
    background: url("../imgs/sprite_404.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 35px;
    width: 135px;
}
.btn_prev:hover {
    background-position: 0 -36px;
    text-decoration: none;
}
.btn_backhome {
    background: url("../imgs/sprite_404.png") no-repeat scroll 0 -72px transparent;
    display: inline-block;
    height: 35px;
    width: 119px;
}
.btn_backhome:hover {
    background-position: 0 -108px;
    text-decoration: none;
}
/****MessageBox****/
.warning {
    background: url("../imgs/warning.png") no-repeat scroll 3px 3px transparent;
}

.right {
    background: url("../imgs/right.png") no-repeat scroll 5px 3px transparent;
}

.alert {
    background: url("../imgs/alert.png") no-repeat scroll 5px 3px transparent;
}

div.growlUI h1, div.growlUI h2 {
    color: white;
    padding: 5px 5px 5px 75px;
    text-align: left;
}
div.growlUI h2 {
    font-size: medium;
}
/*-----------表单验证 form class--------------*/
.registerform
{
    margin-bottom: 40px;
}
.registerform .need
{
    width: 10px;
    color: #b20202;
}
.registerform td
{
    padding: 5px 0;
    vertical-align: top;
    text-align: left;
}
.registerform .inputxt, .registerform textarea
{
    border: 1px solid #a5aeb6;
    width: 196px;
    padding: 4px 2px;
}
.registerform textarea
{
    height: 75px;
}
.registerform label
{
    margin: 0 15px 0 4px;
}
.registerform .tip
{
    line-height: 20px;
    color: #5f6a72;
}
.registerform select
{
    width: 140px;
}
.registerformalter select
{
    width: 124px;
}

/* Comments List Layout */
.commentlist {
	min-height: 50px;
	_height: 50px;
	background: url(../imgs/zoomloader.gif) 48% 48% no-repeat;
}
.commentlist .caption {
	border-bottom: 1px solid #c7daeb;
}
.cellLine {
	height: auto;
	padding: 12px 0 2px;
	clear: both;
	overflow: auto;
	zoom:1;
	border-bottom: 1px dotted #c7daeb;
	background-color: #fff;
}
.cellLine .rightReview {
	float:left;
	width: 960px;
	padding-left: 10px;
}
.cellLine p {
	margin-bottom:5px;
}
.cellLine p.oper a {
	margin-right: 5px;
	color: #01A5CB;
}
.orderReview {
	color:#000;
}
.orderReview a {
	color: #01A5CB
}
.orderReview span {
	margin-right: 15px;
}
.orderReview .star {
	margin-right: 0
}
.orderReview .lastUpdate {
	float: right;
	margin-right:0
}
.orderReview .mark {
	color: #D3253C
}
.cellLine .rightReview  dl {  
  overflow: hidden;
    padding: 2px 0;
}
.cellLine .rightReview  dl dt{  
     color: #FE8F02;
    float: left;
    text-align: right;
    width: 80px;
}
.cellLine .rightReview  dl dd{
    float: left;
    width: 850px;
}
/**TopBanner**/
#topDAdv {
    /*background: none repeat scroll 0 0 #F2F2F2;*/
    width: 100%;
    margin:0 auto; text-align:center; 
    margin-top: 35px;
    *padding-top: 35px;/* for ie7 */
	_padding-top: 35px;/* for ie6 only*/
}
.index_topbanner {
    width: 1200px;
    display: none;
    overflow: hidden;
    position: relative;
    z-index: 99;
   margin:0 auto; 
}
a.small_topbanner {
    width: 960px;
}
.big_topbanner img {
    width: 1200px;
}
.small_topbanner img {
    width: 1200px;
}
.small_topbanner3 {
    display: none;
    height: 45px;
}
.index_topbanner_fold {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 38px;
    line-height: 16px;
    overflow: hidden;
    padding-top: 2px;
    position: absolute;
    right: 21px;
    text-align: center;
    top: 3px;
    width: 17px;
}
.index_topbanner_fold s {
    border-color: #FFFFFF transparent transparent;
    border-style: solid dashed dashed;
    border-width: 4px;
    bottom: -2px;
    font-size: 0;
    height: 0;
    left: 4px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.index_topbanner_unfold s {
    border-color: transparent transparent #FFFFFF;
    border-style: dashed dashed solid;
    bottom: 2px;
}